<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超大背景图片</title>
    <style>
        body {
            /* background-image: url(img/超大背景图片.jpg);
            background-repeat: no-repeat;
            background-position: center top;
            背景图默认为滚动，现把背景图固定 
            background-attachment: fixed;  */

            background: black no-repeat url(img/超大背景图片.jpg) center top fixed;
            color: #fff;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <p>显示滚动1</p>
    <p>显示滚动2</p>
    <p>显示滚动3</p>
    <p>显示滚动4</p>
    <p>显示滚动5</p>
    <p>显示滚动6</p>
    <p>显示滚动7</p>
    <p>显示滚动8</p>
    <p>显示滚动9</p>
    <p>显示滚动10</p>
    <p>显示滚动11</p>
    <p>显示滚动12</p>
    <p>显示滚动13</p>
    <p>显示滚动14</p>
    <p>显示滚动15</p>
    <p>显示滚动16</p>
    <p>显示滚动17</p>
    <p>显示滚动18</p>
    <p>显示滚动19</p>
    <p>显示滚动20</p>
    <p>显示滚动21</p>
    <p>显示滚动22</p>
    <p>显示滚动23</p>
    <p>显示滚动24</p>
    <p>显示滚动25</p>
    <p>显示滚动26</p>
    <p>显示滚动27</p>
    <p>显示滚动28</p>
    <p>显示滚动29</p>
    <img src="img/超大背景图片实现方法.png" alt="">
</body>
</html>